<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./cart.css">
    <link rel="stylesheet" href="../index/index.css">
</head>
<body>
    <div id="top">
        <div class="top-top1">
        <div class="top-top">
            <div class="top-left">
                <a href="javascript:;" class="come">欢迎来到丝芙兰</a>
                <a href="#" class="i one">请登录</a>
                <a href="#" class="one">免费注册</a>
                <a href="#" class="one">手机验证码登录</a>
            </div>
            <div class="top-center top-center-text">
                <div class="top-scroll">
                <ul>
                    <li><a href="#" class="one">丝芙兰防诈骗公告</a></li>
                    <li><a href="#" class="one">丝芙兰配送公告</a></li>
                    <li><a href="#" class="one">丝芙兰正品承诺</a></li>
                    <li><a href="#" class="one">常见问题</a></li>
                </ul>
                </div>
            </div>
            <div class="top-right">
                <span class="toprights">
                    <span class="top-right-tu">
                    </span>
                    <a href="#" class="one top-right-one">我的丝芙兰</a>
                    <span class="top-right-tu2 top-angle"></span>
                    <ul class="top-right-mylist top-angle">
                        <li><a href="#" class="one">我的订单</a></li>
                    </ul>
                </span>
                <span>
                    <span class="top-right-tu3"></span>
                    <a href="#" class="one">会员俱乐部</a>
                </span>
                <span class="toprighttf">
                    <span class="top-right-tu4"></span>
                    <a href="#" class="one">手机丝芙兰 <img src="https://ssl1.sephorastatic.cn/soa/pc/images/downQR2.png" alt="" class="top-right-img"></a>
                </span>
                <span>
                    <a href="#" class="one">帮助中心</a>
                </span> 
            </div>
        </div>
    </div>
    </div>

<div id="checktop">
    <div class="checktop-cont">
        <div class="checktop-contl">
            <a href="#">
                <img src="https://ssl1.sephorastatic.cn/soa/pc/images/search_logo.png" alt="">
            </a>
        </div>
        <div class="checktop-contr">
            <div class="checktop-border"></div>
            <div class="mygcart-left" id="diyi">
                <em class="mycart-step"></em>
            </div>
            <div class="mygcart-left mygcart-center ">
                <em class="mycart-step dier"></em>
            </div>
            <div class="mycart-right">
                <em class="mycart-step disan"></em>
            </div>
        </div>
    </div>
</div>

<div class="checkout">
    <div class="checkcontent">
        <div class="checkzi">您的购物车清单如含近效期产品，该近效期产品不支持7天无理由退货，近效期产品为页面有特别标示有效期信息的产品。</div>
    </div>
</div>
<div class="pupbic">
    <div class="public">
        <table border="1" width="1190" align="center" class="public-table">
            <thead >
                <tr height="47">
                    <th width="80">选中</th>
                    <th width="120">图片</th>
                    <th width="464">名称</th>
                    <th width="150">数量</th>
                    <th width="150">价格</th>
                    <th width="140">小计</th>
                    <th width="50">操作</th>
                </tr>
            </thead>
            <tbody>
                <tr height="170">
                    <td align="center"><input type="checkbox"></td>
                    <td><img src="https://ssl4.sephorastatic.cn/products/5/2/8/3/9/2/1_n_09089_150x150.jpg" alt=""></td>
                    <td>asasfasasf</td>
                    <td align="center">299</td>
                    <td><input type="number" class="setNum" value="4" ></td>
                    <td align="center">299*4</td>
                    <td class="del" align="center" font-size="14">删除</td>
                </tr>
                <tr height="170">
                    <td align="center"><input type="checkbox"></td>
                    <td><img src="https://ssl4.sephorastatic.cn/products/5/2/8/3/9/2/1_n_09089_150x150.jpg" alt=""></td>
                    <td>asasfasasf</td>
                    <td align="center">299</td>
                    <td>
                        <input type="number" class="setNum" value="4" >
                    </td>
                    <td align="center">299*4</td>
                    <td class="del" align="center" font-size="14">删除</td>
                </tr>
            </tbody>
            <tfoot>
                <tr height="47" align="center">
                    <td><input type="checkbox" id="allFlag"><label for="allFlag">全选</label></td>
                    <td colspan="2" align="right">总数量：</td>
                    <td class="allNum">xx</td>
                    <td align="right">总价：</td>
                    <td class="allPrice">xxxx</td>
                    <td  class="payof">去支付</td>
                </tr>
            </tfoot>
        </table>
    </div>
    <div class="CheckoutTab">
        <div class="clover">猜你喜欢</div>
        <div class="anniu">
            <div class="controll"></div>
            <div class="controlr"></div>
        </div>
        <div class="lovercont">
        <div class="like-list" >
            <div class="like-main">
                <a href="#">
                    <img src="https://ssl3.sephorastatic.cn/products/5/3/5/4/5/1/1_n_10644_280x280.jpg" alt="">
                </a>
            </div>
            <div class="like-brand">CAUDALIE</div>
            <a href="#" class="like-name one">欧缇丽葡萄水补水保湿舒缓喷雾</a>
            <div class="like-price">￥148.00</div>
        </div>
        <div class="like-list">
            <div class="like-main">
                <a href="#">
                    <img src="https://ssl3.sephorastatic.cn/products/V/S/1/0/2/0/2/1/4/1_n_10694_280x280.jpg" alt="">
                </a>
            </div>
            <div class="like-brand">MENARDSP</div>
            <a href="#" class="like-name one">BEAUNESS 精华水  A</a>
            <div class="like-price">￥580.00</div>
        </div>    
        <div class="like-list">
            <div class="like-main">
                <a href="#">
                    <img src="https://ssl3.sephorastatic.cn/products/V/S/1/0/1/7/8/6/3/1_n_10216_280x280.jpg" alt="">
                </a>
            </div>
            <div class="like-brand">GIVENCHY</div>
            <a href="#" class="like-name one">纪梵希高定香榭红丝绒唇膏套装</a>
            <div class="like-price">￥385.00</div>
        </div>
        <div class="like-list">
            <div class="like-main">
                <a href="#">
                    <img src="https://ssl3.sephorastatic.cn/products/5/3/2/4/9/5/1_n_09698_280x280.jpg" alt="">
                </a>
            </div>
            <div class="like-brand">DIOR</div>
            <a href="#" class="like-name one">克丽丝汀迪奥金艳幻彩唇膏</a>
            <div class="like-price">￥360.00</div>
        </div>
        <div class="like-list">
            <div class="like-main">
                <a href="#">
                    <img src="https://ssl2.sephorastatic.cn/products/5/2/1/8/8/3/1_n_09437_280x280.jpg" alt="">
                </a>
            </div>
            <div class="like-brand">LANCOME</div>
            <a href="#" class="like-name one">兰蔻菁纯柔雾哑光唇膏</a>
            <div class="like-price">￥370.00</div>
        </div>
        </div>
    </div>
</div>
</div>
<div id="footer">
    <div class="footer-info">
        <div class="footer-info-ico">
            <em class="footer-info-ico-em"></em>
            <span class="footer-cont-span">顺丰EMS速达</span>
        </div>
        <span class="footer-ico-split"></span>
        <div class="footer-info-ico ">
            <em class="footer-info-ico-em back1"></em>
            <span class="footer-cont-span">丰富礼赠</span>
        </div>
        <span class="footer-ico-split"></span>
        <div class="footer-info-ico ">
            <em class="footer-info-ico-em back2"></em>
            <span class="footer-cont-span">100%官方正品</span>
        </div>
        <span class="footer-ico-split"></span>
        <div class="footer-info-ico ">
            <em class="footer-info-ico-em back3"></em>
            <span class="footer-cont-span">无障碍退款</span>
        </div>
        <span class="footer-ico-split"></span>
        <div class="footer-info-ico ">
            <em class="footer-info-ico-em back4"></em>
            <span class="footer-cont-span">安全支付</span>
        </div>
    </div>
    <ul class="footer-map">
        <li>
            <a href="javascript:;" class="header">
                <span>购物流程</span>
            </a>
            <a href="#">
                <span>大宗采购/团购</span>
            </a>
            <a href="#">
                <span>丝芙兰预付卡章程</span>
            </a>
        </li>
        <li>
            <a href="javascript:;" class="header">
                <span>支付/配送</span>
            </a>
            <a href="#">
                <span>在线支付</span>
            </a>
            <a href="#">
                <span>配送时间</span>
            </a>
        </li>
        <li>
            <a href="javascript:;" class="header">
                <span>售后服务</span>
            </a>
            <a href="#">
                <span>退换货规定</span>
            </a>
            <a href="#">
                <span>退换及退款说明</span>
            </a>
        </li>
        <li>
            <a href="javascript:;" class="header">
                <span>关于丝芙兰</span>
            </a>
            <a href="#">
                <span>公司介绍</span>
            </a>
            <a href="#">
                <span>联系我们</span>
            </a>
            <a href="#">
                <span>品牌合作 / Brand Collaboration</span>
            </a>
            <a href="#">
                <span>隐私政策</span>
            </a>
        </li>
        <li class="footer-hotline">
            <a href="javascript:;" class="hd">
                <span>网上订购咨询热线 : 400 670 0055</span>
            </a>
        </li>
    </ul>
</div>
    <div class="footer-bottom">
        <div class="footer-bottom-cont">
            <ul class="bottom-center">
                <li class="bottom-id">
                    <a href="#" class="bottom-records">沪公网安备 31010602003121号</a>
                    <a href="#">ICP备案序号:沪ICP备05026645号</a>
                    <a href="#">食品经营许可证</a>
                    <a href="#">网站使用条款</a>
                    <a href="#">严正声明</a>
                </li>
                <li class="bottom-info">
                    <a href="#" class="bottom-text">本网站隶属于丝芙兰（上海）化妆品销售有限公司 (企业法人营业执照)</a>
                    <a href="#" class="bottom-text">预付卡信息对接唯一标识 : 310101F5201530100309</a>
                </li>
            </ul>
    </div>
</div>


</body>
<script src="../libs/require.js" data-main="../js/cartMain"></script>

</html>